<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Cache-Control" content="No-Cache">
	<meta http-equiv="Pragma" content="No-Cache">

	<title>운세의신</title>
    
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <link rel="stylesheet" type="text/css" href="/css/sub.css">
	<link rel="stylesheet" type="text/css" href="/css/free.css">

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			
			// 메뉴 링크 설정
			$("#cards ul li").each(function(index) {
				$(this).click(function() {
					$("#cards ul li").removeClass('on');
					$("#cards ul li").eq(index).addClass('on');
					$("#chk").val('Y');
				});
			});
			
			// 결과보기 버튼
			$("#btn_result").click(function() {
				if ( $("#chk").val() != '') {
					$("#frm").submit();
				} else {
					alert("카드를 선택하세요.");
				}
			});
		});
	</script>
</head>
<body>
<form method="post" id="frm" action="/unse/free/tarot/result">
	<input type="hidden" name="chk" id="chk" />
</form>
<div id="wrap">
	<!-- Header -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_header.php'; ?>
	<!--// Header -->
    
    <!--커튼 데코레이션-->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/drape.php'; ?>
	<!--//커튼 데코레이션-->
    
    <!--컨텐츠-->
	<div id="content">
		<!--나의 정보 /배너/실시간 운세차트-->
		<div class="keybox">
			<!--나의정보-->
			<?php echo $INC_MEMBER; ?>
			<!--//나의정보-->
			
			<!--키배너-->
			<div class="key_bn"><span><img src="/images/sub/free/key_v1.jpg" /></span></div>
			<!--//키배너-->
			
			<!--실시간 운세차트-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/unse_chart.php'; ?>
			<!--//실시간운세차트-->
		</div>
		<!--나의 정보 /배너/실시간 운세차트-->

		<!--왼쪽 컨텐츠-->
		<div class="assistant">
			<!--왼쪽 메뉴-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/inc_lnb.php'; ?>
			<!--// 왼쪽 메뉴-->
			
			<!--추천테마-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/theme.php'; ?>
			<!--//추천테마-->
			
			<!--회원배너-->
			<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/member_join.php'; ?>
			<!--//회원배너-->
		</div>
		<!--//왼쪽 컨텐츠-->

		<!-- 메인컨텐츠-->
		<div class="cont">
	 	<!-- Contents -->
	<div class="container">
    		<div class="tarot">
            <h3 class="freetit"><img src="/images/free/tarot_banner.png" alt="타로점성술" /></h3>
				<div class="tarbox">
                
					<span class="text blind">소원을 생각하신 후 타로카드 한 장을 선택해 주세요.</span>
					<div class="pack" id="cards">
						<ul>
							<li class="card01">카드1</li>
							<li class="card02">카드2</li>
							<li class="card03">카드3</li>
							<li class="card04">카드4</li>
							<li class="card05">카드5</li>
						</ul>
					</div><!--pack-->
					<div class="bt"><a href="javascript:;" id="btn_result"><img src="/images/common/bt_result.png" alt="결과보기" /></a></div><!--bt-->

				</div><!--tarbox-->
			</div><!--tarot-->
             <div class="assistant3"> 
                <!--함께보면좋은 운세-->
                <div class="left">
                        <? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/together.php'; ?>
                    </div>
                <!--//함께보면좋은 운세--> 
                <!--후기게시판-->
                <div class="right">
                        <?php echo $INC_POSTSCRIPT_LIST ?>
                    </div>
                <!--//후기게시판--> 
                
            </div>
                <!--//하단컨텐츠-->  
	</div>
	<!--// Contents -->
		</div>
        <!--// 메인컨텐츠-->
          <!--서비스배너-->
        <? include_once $_SERVER['DOCUMENT_ROOT'].'/include/static/bn_service.php'; ?>
        <!--//서비스배너--> 

        </div>
        
	<!-- Footer -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_footer.php'; ?>
	<!--// Footer -->
   
</div>
</body>
</html>